import './styles/base.scss'

import { FlexBox, FlexBoxItem } from './components/flexbox'
import { ButtonGroup, Button } from './components/button'
import { TimeLine, TimeLineItem } from './components/timeline'
import { Step, StepItem } from './components/step'

const install = (Vue) => {
  Vue.component(FlexBox.name, FlexBox)
  Vue.component(FlexBoxItem.name, FlexBoxItem)
  Vue.component(ButtonGroup.name, ButtonGroup)
  Vue.component(Button.name, Button)
  Vue.component(TimeLine.name, TimeLine)
  Vue.component(TimeLineItem.name, TimeLineItem)
  Vue.component(Step.name, Step)
  Vue.component(StepItem.name, StepItem)
}

if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue)
}

export default {
  install,
  FlexBox,
  FlexBoxItem,
  ButtonGroup,
  Button,
  TimeLine,
  TimeLineItem,
  Step,
  StepItem
}
